$(function () {
    $.ajax({
        method: 'GET',
        url: BigNew.user_detail,
        data: {},
        success: (res) => {
            console.log(res);
            console.log($(".username"));

            // $(".username").val(res.data.username)
            // $(".nickname").prop({ value: res.data.nickname });
            // $(".email").prop({ value: res.data.email });
            // $(".password").prop({ value: res.data.password });
            //以上代码优化成下面代码，for in 循环对象，由于对象中的值和input中的类名相同，所以+key就可以找到对应input标签。
            for (var key in res.data) {
                $('input.' + key).val(res.data[key]);
                // if (key != "userPic") {
                //     $(`[name="${key}"]`).val(res.data[key]);
                // }

            }
            $("img.user_pic").prop({ src: res.data.userPic });
        }
    });


    //属性选择器 ("[xxx='yyy']")
    $("[name='userPic']").change(function (e) {
        //在jq中无法获取files的内容，只能通过get(0)来转换成dom对象后获取
        console.log($(this).get(0).files[0]);
        let file = $(this).get(0).files[0];
        //通过URL这个方法获取file中的src
        let src = URL.createObjectURL(file);
        console.log(src);
        $(".user_pic").prop({ src: src });
    });

    //form表单提交时触发的函数
    $("#form").on("submit", function (e) {
        //阻止默认事件，表单的默认事件是提交
        e.preventDefault();

        //new fromdata(this) 在当前this为表单时使用，将表单自身的数据new出来
        //传入的对象要js原生对象
        let formData = new FormData(this);

        //打印输出res用
        // res.forEach(function (item, index) {
        //     console.log(item, index);
        // })
        $.ajax({
            method: 'POST',
            url: BigNew.user_edit,
            data: formData,
            //传带有  文件  的数据时，记得写一下两句话
            contentType: false,
            processData: false,
            success: (dataBack) => {
                console.log(dataBack);
                alert(dataBack.msg);

                //由于用户修改页面是iframe切换的子页面，每个子页面有自己的window对象，他们的父级是整个浏览器的window，所以在更新时候要整个浏览器页面一起刷新
                window.parent.location.reload();
            }
        })


    });
})